<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title>HTML前端学习</title>
		<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com" />
		<meta name="copyright" content="www.doyoe.com" />
		<style>
			
			*{
				margin: 0;
				padding: 0;
			}
			
			
			
			
			span{
				border: solid 1px red;

			}
			
			p{
				border: solid 1px black;
			}
			
			
			.inline1{
				display: inline-block;
				width: 200px;
				
			}
		</style>
	</head>
	<body>
		
			<div class="container1" >
				
				
				<a href="http://www.baidu.com">百度</a>
				<a href="http://www.baidu.com">百度</a>
				<a href="http://www.baidu.com">百度</a>
				
				
				<span class="inline1">分类</span><span class="inline1">历史</span><span  class="inline1">小说</span>
				
				
				<div class="block1" >分类</div>
				<div class="block1">历史</div>
				<div class="block1">小说</div>
				
			  
				
			</div>
			
			
			
			<p>段落</p> 段落的后面内容
	
	
	
 
	</body>
</html>